<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>主要内容区main</title>
<link href="__PUBLIC__/Css/admin/css.css" type="text/css" rel="stylesheet"/>
<link href="__PUBLIC__/Css/admin/main.css" type="text/css" rel="stylesheet"/>
<link rel="shortcut icon" href="__PUBLIC__/Images/admin/favicon.ico"/>
<script src="__PUBLIC__/Js/home/jquery-1.11.3.js"></script>
<script src="__PUBLIC__/Js/layer/layer.js"></script>
<script src="__PUBLIC__/Js/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="__PUBLIC__/Js/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script>
$(function(){
    //加载层
    $('.submit').on('click',function(){
        layer.load(2, {time: 1000});
    })
    //ajax添加
    $('.submit').click(function(){
        $.post('__URL__/adminEditAction',$("#adminEditForm").serialize(),function(data){
            if(data['status']){
                window.location.href="__URL__/adminList";
            }else{
                window.location.reload();
            }
            layer.msg(data['msg'])
        })
    });
    $("#adminEditForm").validate({
        rules:{
            username:{
                inputRule:true,
                required:true,
                minlength:3,
                maxlength:16,
            },
            password:{
                required:true,
                minlength:3,
                maxlength:16,
            },
            password2: {
                equalTo: "#password",
            },
        },
        messages:{
            username:{
                required:'账户名不能为空',
            },
            password:{
                required:'密码不能为空',
            },
            password2:{
                equalTo:'两次输入不一致',
            },
        }
    });
    jQuery.validator.addMethod('inputRule',
        function(value,element){
            var preg = /^[a-zA-z_][a-zA-Z0-9_]*$/;
            return this.optional(element) || (preg.test(value));
        },"请以字母开头，且不包含特殊字母")
})
</script>
<style>
    label.error {
        padding-left: 16px;
        padding-bottom: 2px;
        color: #EA5200;
    }

    body {
        overflow-x: hidden;
        background: #f2f0f5;
        padding: 15px 0px 10px 5px;
    }

    #searchmain {
        font-size: 12px;
    }

    #search {
        font-size: 12px;
        background: #548fc9;
        margin: 10px 10px 0 0;
        display: inline;
        width: 100%;
        color: #FFF
    }

    #search form span {
        height: 40px;
        line-height: 40px;
        padding: 0 0px 0 10px;
        float: left;
    }

    #search form input.text-word {
        height: 24px;
        line-height: 24px;
        width: 180px;
        margin: 8px 0 6px 0;
        padding: 0 0px 0 10px;
        float: left;
        border: 1px solid #FFF;
    }

    #search form input.text-but {
        height: 24px;
        line-height: 24px;
        width: 55px;
        background: url(__PUBLIC__/Images/admin/list_input.jpg) no-repeat left top;
        border: none;
        cursor: pointer;
        font-family: "Microsoft YaHei", "Tahoma", "Arial", '宋体';
        color: #666;
        float: left;
        margin: 8px 0 0 6px;
        display: inline;
    }

    #search a.add {
        background: url(__PUBLIC__/Images/admin/add.jpg) no-repeat 0px 6px;
        padding: 0 10px 0 26px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        font-weight: bold;
        color: #FFF
    }

    #search a:hover.add {
        text-decoration: underline;
        color: #d2e9ff;
    }

    #main-tab {
        border: 1px solid #eaeaea;
        background: #FFF;
        font-size: 12px;
    }

    #main-tab th {
        font-size: 12px;
        background: url(__PUBLIC__/Images/admin/list_bg.jpg) repeat-x;
        height: 32px;
        line-height: 32px;
    }

    #main-tab td {
        font-size: 12px;
        line-height: 40px;
    }

    #main-tab td a {
        font-size: 12px;
        color: #548fc9;
    }

    #main-tab td a:hover {
        color: #565656;
        text-decoration: underline;
    }

    .bordertop {
        border-top: 1px solid #ebebeb
    }

    .borderright {
        border-right: 1px solid #ebebeb
    }

    .borderbottom {
        border-bottom: 1px solid #ebebeb
    }

    .borderleft {
        border-left: 1px solid #ebebeb
    }

    .gray {
        color: #dbdbdb;
    }

    td.fenye {
        padding: 10px 0 0 0;
        text-align: right;
    }

    .bggray {
        background: #f9f9f9;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 10px 10px 0;
        width: 120px;
    }

    .main-for {
        padding: 10px;
    }

    .main-for input.text-word {
        width: 310px;
        height: 36px;
        line-height: 36px;
        border: #ebebeb 1px solid;
        background: #FFF;
        font-family: "Microsoft YaHei", "Tahoma", "Arial", '宋体';
        padding: 0 10px;
    }

    .main-for select {
        width: 310px;
        height: 36px;
        line-height: 36px;
        border: #ebebeb 1px solid;
        background: #FFF;
        font-family: "Microsoft YaHei", "Tahoma", "Arial", '宋体';
        color: #666;
    }

    .main-for input.text-but {
        width: 100px;
        height: 40px;
        line-height: 30px;
        border: 1px solid #cdcdcd;
        background: #e6e6e6;
        font-family: "Microsoft YaHei", "Tahoma", "Arial", '宋体';
        color: #969696;
        float: left;
        margin: 0 10px 0 0;
        display: inline;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
    }

    #addinfo a {
        font-size: 14px;
        font-weight: bold;
        background: url(__PUBLIC__/Images/admin/addinfoblack.jpg) no-repeat 0 1px;
        padding: 0px 0 0px 20px;
        line-height: 45px;
    }

    #addinfo a:hover {
        background: url(__PUBLIC__/Images/admin/addinfoblue.jpg) no-repeat 0 1px;
    }
</style>
</head>
<body>
<!--main_top-->
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="searchmain">
    <tr>
        <td width="99%" align="left" valign="top">您的位置：
            <a href="__URL__/adminList" target="mainFrame" onFocus="this.blur()" class="add">系统管理</a>
            &nbsp;&nbsp;>&nbsp;&nbsp;编辑管理员
        </td>
    </tr>
    <tr>
        <td align="left" valign="top" id="addinfo">
            <a href="__URL__/adminAdd" target="mainFrame" onFocus="this.blur()" class="add">添加管理员</a>
        </td>
    </tr>
    <tr>
        <td align="left" valign="top">
            <form action="__URL__/adminEditAction" method="post" id="adminEditForm">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" id="main-tab">
                    <tr onMouseOut="this.style.backgroundColor='#ffffff'"
                        onMouseOver="this.style.backgroundColor='#edf5ff'">
                        <td align="right" valign="middle" class="borderright borderbottom bggray">用户名：</td>
                        <td align="left" valign="middle" class="borderright borderbottom main-for">
                            <input type="text" name="username" value="{$adm_arr.username}" class="text-word">
                        </td>
                    </tr>
                    <tr onMouseOut="this.style.backgroundColor='#ffffff'"
                        onMouseOver="this.style.backgroundColor='#edf5ff'">
                        <td align="right" valign="middle" class="borderright borderbottom bggray">用户密码：</td>
                        <td align="left" valign="middle" class="borderright borderbottom main-for">
                            <input type="password" name="password" value="{$adm_arr.password}" class="text-word" id="password">
                        </td>
                    </tr>
                    <tr onMouseOut="this.style.backgroundColor='#ffffff'"
                        onMouseOver="this.style.backgroundColor='#edf5ff'">
                        <td align="right" valign="middle" class="borderright borderbottom bggray">确认密码：</td>
                        <td align="left" valign="middle" class="borderright borderbottom main-for">
                            <input type="password" name="password2" value="{$adm_arr.password}" class="text-word">
                        </td>
                    </tr>
                    <tr onMouseOut="this.style.backgroundColor='#ffffff'"
                        onMouseOver="this.style.backgroundColor='#edf5ff'">
                        <td align="right" valign="middle" class="borderright borderbottom bggray">角色：</td>
                        <td align="left" valign="middle" class="borderright borderbottom main-for">
                            <select name="role_id" id="level">
                                <option value="0">&nbsp;&nbsp;请选择</option>
                                <foreach name="role_arr" item="ro">
                                    <option value="{$ro['id']}" 
                                        <if condition="$adm_arr['role_id'] eq $ro['id']">selected
                                        </if>>&nbsp;&nbsp;{$ro['role_name']}
                                    </option>
                                </foreach>
                            </select>
                        </td>
                    </tr>
                    <tr onMouseOut="this.style.backgroundColor='#ffffff'"
                        onMouseOver="this.style.backgroundColor='#edf5ff'">
                        <td align="right" valign="middle" class="borderright borderbottom bggray">状态：</td>
                        <td align="left" valign="middle" class="borderright borderbottom main-for">
                            <select name="state" id="level">
                                <option value="1" <if condition="$adm_arr['state'] eq 1">selected</if>>&nbsp;&nbsp;启用</option>
                                <option value="0" <if condition="$adm_arr['state'] eq 0">selected</if>>&nbsp;&nbsp;禁用</option>
                            </select>
                        </td>
                    </tr>
                    <tr onMouseOut="this.style.backgroundColor='#ffffff'"
                        onMouseOver="this.style.backgroundColor='#edf5ff'">
                        <td align="right" valign="middle" class="borderright borderbottom bggray">&nbsp;</td>
                        <td align="left" valign="middle" class="borderright borderbottom main-for">
                            <!-- 传输操作id -->
                            <input type="hidden" name="id" value="{$id}">
                            <input name="" type="button" value="提交" class="text-but submit">
                            <input name="" type="reset" value="重置" class="text-but"></td>
                    </tr>
                </table>
            </form>
        </td>
    </tr>
</table>
</body>
</html>